<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>简历 | 郭颖新</title>
  <link rel="stylesheet" href="main?_inline">
  <base target="_blank">
</head>
<body>
<p class="last-modified">最后更新于2020年05月</p>
<a class="download-pdf" href="简历-郭颖新-Web前端开发工程师.pdf">下载 PDF</a>

<main class="content">

  <!--基本信息-->
  <header class="content-hd">
    <section class="title">
      <div class="name">
        <h1>郭颖新</h1>
      </div>
      <div class="job">
        <h2>Web前端开发工程师</h2>
      </div>
    </section>
    <section class="info">
      <ul>
        <li>男 / 1988.09</li>
        <li>上海海洋大学 · 计算机科学与技术</li>
        <li>硕士 / 2015年6月毕业</li>
      </ul>
    </section>
    <section class="contact">
      <ul>
        <li>
          <a href="https://github.com/gyx8899/blog">
            <span class="contact-link">我的博客</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path d="M512 42.581333l-469.333333 469.333333 31.146667 31.146667L170.666667 446.250667l0 438.186667 682.666667 0L853.333333 446.208l96.853333 96.896 31.146667-31.146667L512 42.581333zM426.666667 841.770667l0-298.666667 170.666667 0 0 298.666667L426.666667 841.770667zM810.666667 841.770667l-170.666667 0 0-341.333333L384 500.437333l0 341.333333L213.333333 841.770667 213.333333 403.584l298.666667-298.666667 298.666667 298.666667L810.666667 841.770667z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="https://github.com/gyx8899">
            <span class="contact-link">Github - gyx8899</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="mailto:gyx8899@126.com">
            <span class="contact-link">gyx8899@126.com</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="tel:17602183218">
            <span class="contact-link">17602183218</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z"></path>
              </svg>
            </span>
          </a>
        </li>
      </ul>
    </section>
  </header>

  <div class="content-bd">

    <div class="content-left">

      <section class="practice">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">经历</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--经历:工作-->
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">Endeavor Streaming (新诗信息科技（上海）有限公司)</h3>
              <span class="item-time">2015.07 至今</span>
              <a class="btn item-more" href="https://www.endeavorstreaming.com/">工作</a>
            </header>
            <div class="item-bd">
              <p class="item-des">于上海参与<a href="https://www.wavo.com/">在线电影电视节目 WAVO </a>的前端开发，包括：</p>
              <ul class="section-content">
                <li>负责团队基础技术支撑，包含构建流程、工具包、新技术探索实践等</li>
                <li>主导和开发团队基础 ES6 组件库，支撑业务快速迭代、统一视觉规范</li>
                <li>推进 React 在项目中的落地</li>
                <li>研究和尝试性能优化，解决页面加载慢、响应延迟等问题</li>
                <li>带领新人熟悉业务并参与组件开发</li>
              </ul>
            </div>
            <br>
            <div class="item-bd">
              <p class="item-des">于上海参与NBA、UFC、NFL、Insight、SGP等项目的前端开发，包括：</p>
              <ul class="section-content">
                <li>负责搭建项目，包含构建、优化、测试等</li>
                <li>主导和开发公共组件库，如NEUPlayer、EPGList等</li>
                <li>推进 Gulp、Webpack、PWA 等在项目中的落地</li>
                <li>Nodejs 工具开发</li>
                <li>Chrome 插件工具开发，如Feed Player、Copy Patch Issues等</li>
              </ul>
            </div>
          </div>
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">郑州业强科技软件有限公司</h3>
              <span class="item-time">2012.06 至 2012.07</span>
              <a class="btn item-more" href="#">实习</a>
            </header>
            <div class="item-bd">
              <p class="item-des">于<a href="http://imweb.io">iOS</a>团队参与<a href="https://apps.apple.com/cn/app/truth-or-dare-hd/id556473327#?platform=iphone">真心话大冒险</a>的 iPhone & iPad 客户端开发，包括：</p>
              <ul class="section-content">
                <li>iOS 组件库开发</li>
                <li>项目构建与编码</li>
                <li>功能测试及发布</li>
              </ul>
            </div>
          </div>

          <!--经历:在校-->
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">数字海洋实验室</h3>
              <span class="item-time">2012.09 ~ 2015.06</span>
              <a class="btn item-more" href="https://www.shou.edu.cn/">在校</a>
            </header>
            <div class="item-bd">
              <p class="item-des">在校期间参与导师项目, 负责 web 及 iOS 客户端开发，其中包括：</p>
              <ul class="section-content">
                <li><a href="https://itunes.apple.com/cn/app/xue-long-jian-kong/id769391201?mt=8">雪龙监控</a> 中国南北极考察队雪龙号破冰船实时动态</li>
                <li><a href="#">移动办公信息系统</a> 某局移动办公信息系统</li>
              </ul>
            </div>
          </div>
        </div>

      </section>

      <section class="project">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">开源</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">
          以下是我的开源项目与学习总结，细节请点击链接查看文档

          <!--项目:React & Vue & JS-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://facebook.github.io/react/">React & Vue & JS & NodeJs</a>
            </header>
            <div class="item-bd">
              <ul>
                <li><a href="https://www.npmjs.com/settings/daybyday/packages">@daybyday</a> NPM packages</li>
                <li><a href="https://exam-app.katekuo.now.sh/">考试 A+ 助手</a> React 应用</li>
                <li><a href="https://gyx8899.github.io/yx-env">YX-ENV</a> 开发环境公共 Script 脚本</li>
                <li><a href="https://gyx8899.github.io/yx-js">JS 工具包</a> JS 工具</li>
                <li><a href="https://gyx8899.github.io/yx-node">Node 工具包</a> Node 工具</li>
                <li><a href="#">切换项目数据库配置文件</a> Nodejs 的脚本工具</li>
              </ul>
            </div>
          </div>

          <!--项目:Chrome Extension-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://chrome.google.com/webstore/category/extensions">Chrome Extension</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="https://chrome.google.com/webstore/detail/mkkocbiokbfheoiegmckbepnnhlmgpbp">Feed Player</a>
                  基于 Feed server 的 Feed 轮询播放工具
                </li>
                <li>
                  <a href="https://chrome.google.com/webstore/detail/hccpddblgkmpaboaibeijeijhpmddefg">Copy Url And Title</a>
                  快速复制出带样式的链接和标题
                </li>
                <li><a href="https://chrome.google.com/webstore/detail/mhfjkilpenbabbjiebmcabgnmaagbooe">Copy Patch Issues</a>
                  快速复制并生成JIRA confluence中Issues信息
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

    </div>


    <div class="content-right">

      <section class="skill">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">技能</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--技能:JS-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Web</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>熟知JS基本语法与知识，掌握最新 JS 语法与 API</li>
                <li>掌握网页重构所需的 CSS、SCSS</li>
                <li>掌握前端流行框架 React</li>
                <li>掌握<a href="https://chrome.google.com/webstore/detail/mkkocbiokbfheoiegmckbepnnhlmgpbp">Chrome扩展开发</a></li>
              </ul>
            </div>
          </div>

          <!--React-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">React</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>用React开发大型复杂应用，熟知React原理与生态技术栈经验丰富</li>
                <li>掌握React调试、性能优化、同构、Hook等扩展技能</li>
                <li>坚持测试先行，使用Jest进行单元、集成测试</li>
              </ul>
            </div>
          </div>

          <!--Webpack-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Webpack</span>
              <a class="btn item-more">熟练</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>设计和优化了团队多个项目的构建工具</li>
                <li>熟知 Webpack 原理，可以搭建项目环境</li>
              </ul>
            </div>
          </div>

          <!--Nodejs-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Nodejs</span>
              <a class="btn item-more">熟练</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>熟悉 Nodejs 标准库及模型，在实际项目中多处使用 Nodejs</li>
                <li>用 Nodejs 开发过构建工具</li>
              </ul>
            </div>
          </div>

          <!--网络协议-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">网络协议</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握互联网基本运行机制，TCP与UDP协议</li>
                <li>掌握HTTP协议，对新版HTTP2也有了解</li>
              </ul>
            </div>
          </div>

          <!--数据库-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">数据库</span>
              <a class="btn item-more">熟悉</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>熟悉关系型数据库基本概念与 SQL</li>
                <li>会操作 SQL Server</li>
              </ul>
            </div>
          </div>

          <!--技能清单-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">技能清单</span>
              <a class="btn item-more">范围</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>Web开发：Node</li>
                <li>Web框架：Bootstrap</li>
                <li>前端框架：React/Vue</li>
                <li>前端工具：Webpack/Gulp/Sass/Less</li>
                <li>数据库相关：SQL/SQLite</li>
                <li>版本管理、文档和自动化部署工具：Svn/Git/Shell</li>
                <li>单元测试：Jest/Qunit</li>
                <li>云和开放平台：微信小程序、Chrome Extension</li>
              </ul>
            </div>
          </div>

          <!--素质能力-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">素质能力</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>自主学习 ★★★★</li>
                <li>人际沟通协调 ★★★</li>
                <li>抗压情绪管理 ★★★★</li>
                <li>团队合作 ★★★★★</li>
                <li>解决复杂问题 ★★★</li>
                <li>创造创新 ★★★</li>
                <li>韧性与耐力 ★★★★</li>
                <li>逻辑思考与判断分析 ★★★★</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
</main>

<footer class="github-footer">
  <a class="footer-link" href="https://github.com/gyx8899/resume">页面托管在Github Pages上</a>
</footer>
</body>
</html>
